<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>员工主页面</title>
    <link rel="stylesheet" type="text/css" href="../../static/admin/layui2/css/layui.css"/>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header" style="background-image: linear-gradient(120deg, #131313,#4c4c4c);">
        <div class="layui-logo"><a href="yuangong-main.html" style="color: #47b3ff;font-size: 25px;">员工主页</a></div>
        <!-- 头部区域 -->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item"><a class="layui-icon" href="../guanliyuan/guanliyuan-login.html">管理员登录</a></li>
            <li class="layui-nav-item"><a class="layui-icon layui-icon-logout" style="color: #ff3c00;font-size: 20px;text-align: center;" href="yuangong-login.html">退出</a></li>
        </ul>
    </div>

    <div class="layui-side" style=" background-image: linear-gradient(120deg, #a7d3f2,#1E9FFF);">
    <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree layui-bg-black"  lay-filter="test">
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="layui-icon layui-icon-user" style="font-size: 24px; color: #1E9FFF; margin-right: 16px"></i> 信息管理</a>
                <dl class="layui-nav-child">
                    <dd><a href="yuangong-xinxiChange.html"><i class="layui-icon layui-icon-edit" style="font-size: 24px; color: #1E9FFF; margin-right: 16px"></i>基本信息修改</a></dd>
                    <dd><a href="yuangong-mimaChange.html"><i class="layui-icon layui-icon-edit" style="font-size: 24px; color: #1E9FFF; margin-right: 16px"></i>修改密码</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item layui-nav-iteme">
                <a class="" href="yuangong-apply.html"><i class="layui-icon layui-icon-form" style="font-size: 24px; color: #1E9FFF; margin-right: 16px"></i>宿舍申请</a>
            </li>
            <li class="layui-nav-item layui-nav-iteme">
                <a class="" href="letter-box.html"><i class="layui-icon layui-icon-notice" style="font-size: 24px; color: #1E9FFF; margin-right: 16px"></i>通知</a>
            </li>
        </ul>
    </div>
</div>
    <div class="layui-body">
            <div class="layui-anim layui-anim-scale">
                <div class="layui-carousel" id="test1">
                    <div carousel-item>
                        <div class="layui-bg-blue"><div class="" style="font-size: 90px;text-align:center;margin-top: 20px">欢迎使用</div></div>
                        <div><img src="../../static/admin/images/login/login_bg.png"></div>
                        <div class="layui-bg-orange"></div>
                        <div class="layui-bg-red"></div>
                        <div class="layui-bg-green"></div>
                    </div>
                </div>
            </div>
    </div>
    <div class="layui-footer layui-bg-black">
    </div>
</div>
<script src="../../static/admin/layui2/layui.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.use(['element','carousel'], function(){
        var element = layui.element;
        var carousel = layui.carousel;

        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            ,interval: 1500
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
</body>
</html>